<template>
	<div class="main">
		<el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize" :page-sizes="[5, 7, 9, 11]"
			layout="total, sizes, prev, pager, next, jumper" :total="total" />
	</div>
</template>

<script setup lang="ts">
defineProps<{
	total: number
}>()
const currentPage = defineModel('currentPage', { default: 1 })
const pageSize = defineModel('pageSize', { default: 5 })

</script>

<style scoped lang="scss">
.main {
	display: flex;
	justify-content: end;
	margin-top: 15px;
}
</style>